<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>下单配送地址</title>
    <style type="text/css">
        *{
            margin: 0 auto;
            padding: 0;
            font-family: 微软雅黑;
        }
        .zd{
            height: 36px;
            background-color: #353435;
            min-width: 1200px;
        }
        .zd1{
            height: 36px;
            background-color: #353435;
            width: 1200px;
            color:#605D5E;
            position: relative;

        }
        .zd1_1{
            font-size: 10px;
            line-height: 36px;
            margin-left: 0px;
            position: relative;
            width: 460px;
        }
        .zd1_2{
            font-size: 10px;
            line-height: 36px;
            position: absolute;top: 0px;right: 0px;
        }
        .zd1_2 a{
            color:#C1BEC0;
        }
        .tool{
            background-image: url("../rouimg/quanju/tool.png");
            background-repeat: no-repeat;
            height: 20px;
            background-position:0px -268px;
        }

        .zd1_1 a{
            color:#C1BEC0;
        }
        a{text-decoration: none;}
        .logo{
            width: 1200px;
            height: 90px;
            position: relative;
        }
        .logo1{
            width: 150px;
            height: 40px;
            margin-top: 30px;
            margin-left: 0px;
        }
        .logo2{
            width: 536px;
            height:48px;
            margin-left: 480px;
            margin-top: -51px;

        }
        .mytext{
            width: 458px;
            height: 48px;
            border: 1px solid #2FAB3C;
            text-indent: 16px;
        }
        .mybutton{
            width: 76px;
            height: 50px;
            border:none;
            background-color: #2FAB3C;
            float: right;
        }
        .logo3{
            border: 1px solid #D9D8DA;
            width: 150px;
            height: 48px;
            position: absolute;right: 0px;top: -10px;
            background-color: #f6f6f6;
            font-size: 14px;
            line-height: 50px;
        }
        .myspan1{
            background-image: url("../rouimg/quanju/tool.png");
            background-repeat: no-repeat;
            margin-left: 20px;
        }
        .myspan2{
            color: #c9c8ca;
        }
        .logo4{
            font-size: 14px;
            position: absolute;left: 480px;top: 56px;
        }
        .logo4 a{
            color:#9B989B;
        }
        .logo4 a:hover{
            color: #3b3b3b;
        }
        .daohang{
            width:1200px;
            height: 40px;
            position:relative;
        }
        .daohang1{
            width: 210px;
            background-color: #353435;
            height: 40px;
            color: white;
            position: absolute;left: 0px;
        }
        .dhdiv{
            background-image: url("../rouimg/quanju/tool.png");
            background-repeat: no-repeat;
            width: 26px;
            height: 20px;
            background-position:0px -300px;
            position: absolute;left: 34px;top: 7px;
        }
        .daohang1>span{
            position: absolute;left: 68px;top: 7px;
        }
        .daohang2{
            height: 40px;
            line-height: 40px;
            margin-left: 248px;
        }
        .daohang2 a{
            color: black;
        }
        .dise{
            min-width: 1200px;
            border-top: 1px solid black;
        }
    </style>
</head>
<body>

<div class="zd">
    <div class="zd1">
        <div class="zd1_1">
            <a href="#">大客户采购</a>　
            <a href="#">帮助中心</a>　
            <a href="#">收藏本站</a>　
            <a href="#">商品入驻</a>　
            <a href="#">老人手环申请</a>　
            <a href="#" class="tool">　　 手机商城</a></div>
        <div class="zd1_2">
            <a href="#">登录</a>　
            <a href="#">注册</a>　|　
            <a href="#">F码购买</a>　
            <a href="#">我的订单</a>
        </div>
    </div></div>

    <div class="logo">
        <div class="logo1"><img src="../rouimg/quanju/logo.png" style="height: 46px;"></div>
        <div class="logo2">
            <input type="text" class="mytext" value="极米无屏电视" style="color:#9B989B; font-size: 14px;">
            <button class="mybutton"><img src="../img/seach_03.png"style="width: 22px;height: 24px;"></button>
        </div>
        <div class="logo3"><span class="myspan1">　　我的购物车</span><span class="myspan2">(0)</span></div>
        <div class="logo4">
            <a href="#">手机N4A</a>
            <a href="#">儿童手表5C</a>
            <a href="#">儿童机器人</a>
            <a href="#">安全路由器5G</a>
        </div>
    </div>
    <div class="daohang">
        <div class="daohang1"><div class="dhdiv"></div><span>全部智能酷品</span></div>
        <div class="daohang2">
            <a href="#">手机</a>　
            <a href="#">行车记录仪</a>　
            <a href="#">儿童手表</a>　
            <a href="#">摄像机</a>　
            <a href="#">路由器</a>　
            <a href="#">儿童机器人</a>　
            <a href="#">老人手表</a>　
            <a href="#">智品牌</a>　
            <a href="#">社区</a></div>
    </div>
<div class="dise"></div>
</body>
</html>